<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/libs/jquery-ui-1.10.3.custom/css/ui-lightness/jquery-ui-1.10.3.custom.css"></link>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/libs/jqgrid/css/ui.jqgrid.css"></link>

<script type="text/javascript"
	src="${pageContext.request.contextPath}/libs/jquery-1.9.0.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/libs/jqgrid/js/json2.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/libs/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/libs/jqgrid/js/jquery.jqGrid.src.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/libs/jqgrid/js/i18n/grid.locale-cn.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/libs/jqgrid/js/common.js"></script>

<title>用户管理</title>
</head>

<body>
	<table id="gridTable"></table>
	<div id="gridPager"></div>
</body>
</html>

<script type="text/javascript">
	jQuery(document)
			.ready(
					function() {
						jQuery("#gridTable")
								.jqGrid(
										{
											//grid数据获取地址
											url : '${pageContext.request.contextPath}/list/admin/userList/list.html',
											//grid数据修改地址
											editurl : '${pageContext.request.contextPath}/operator/data/TUsers/operator.html',
											datatype : "json",
											//要求使用Post传递
											mtype : 'POST',
											height : 400,
											//column名称，可以进行国际化。和colModel中的顺序对应
											colNames : [ '用户ID', '登录名', '真实名',
													'邮箱', '手机', '传真', '状态',
													'年龄', '生日', '薪资', '创建人',
													'创建日期', '修改人', '修改日期' ],
											colModel : [
											//name：唯一名；jsonmap：在返回的json中的定义，就是sql语句中的字段名；
											//search:默认true，如果不需要search，设置为false
											//index:设置排序、查询时所使用的字段名称
											//editable:是否可以编辑
											{
												name : 'userId',
												jsonmap : 'USER_ID',
												index : 'USER_ID',
												hidden: true,
												//主键不允许编辑
												editable : false
											}, {
												name : 'userName',
												jsonmap : 'USER_NAME',
												index : 'USER_NAME',
												editable : true,
												searchoptions : {
													sopt : [ "eq", "cn" ]
												}
											}, {
												name : 'realName',
												jsonmap : 'REAL_NAME',
												index : 'REAL_NAME',
												editable : true,
												searchoptions : {
													sopt : [ "eq", "cn" ]
												}
											}, {
												name : 'userEmail',
												jsonmap : 'USER_EMAIL',
												index : 'USER_EMAIL',
												editable : true,
												searchoptions : {
													sopt : [ "eq", "cn" ]
												}
											}, {
												name : 'userMobile',
												jsonmap : 'USER_MOBILE',
												index : 'USER_MOBILE',
												editable : true,
												searchoptions : {
													sopt : [ "eq", "cn" ]
												}
											}, {
												name : 'userFax',
												jsonmap : 'USER_FAX',
												index : 'USER_FAX',
												editable : true,
												searchoptions : {
													sopt : [ "eq", "cn" ]
												}
											}, {
												name : 'status',
												jsonmap : 'STATUS',
												index : 'STATUS',
												editable : true,
												searchoptions : {
													sopt : [ "eq", "cn" ]
												}
											}, {
												name : 'userAge',
												jsonmap : 'USER_AGE',
												index : 'USER_AGE',
												editable : true,
												searchoptions : {
													sopt : [ "eq", "cn" ]
												}
											}, {
												name : 'userBirthday',
												jsonmap : 'USER_BIRTHDAY',
												index : 'USER_BIRTHDAY',
												//日期格式转换（年月日）
                                                formatter : 'date',
                                                formatoptions : {
                                                    newformat : 'Y-m-d'
                                                },
												editable : true,
												editoptions: {
										              maxlengh: 10,
										              dataInit: function (element) {
										                  $(element).datepicker({ dateFormat: 'yy-mm-dd' }
										                            )
										              }
										          },
										          editrules: {
										              date: true
										          },
												searchoptions : {
													sopt : [ "eq", "cn" ]
												}
											}, {
												name : 'userSalary',
												jsonmap : 'USER_SALARY',
												index : 'USER_SALARY',
												editable : true,
												searchoptions : {
													sopt : [ "eq", "cn" ]
												}
											}, {
												name : 'createdBy',
												jsonmap : 'CREATED_BY',
												index : 'CREATED_BY',
												editable : false,
												searchoptions : {
													sopt : [ "eq", "cn" ]
												}
											}, {
												name : 'createdDate',
												jsonmap : 'CREATED_DATE',
												index : 'CREATED_DATE',
												//日期格式转换（年月日）
												formatter : 'date',
												formatoptions : {
													newformat : 'Y-m-d'
												},
												align : 'center',
												editable : false,
												searchoptions : {
													sopt : [ "eq", "cn" ]
												}
											}, {
												name : 'lastUpdBy',
												jsonmap : 'LAST_UPD_BY',
												index : 'LAST_UPD_BY',
												editable : false,
												searchoptions : {
													sopt : [ "eq", "cn" ]
												}
											}, {
												name : 'lastUpdDate',
												jsonmap : 'LAST_UPD_DATE',
												index : 'LAST_UPD_DATE',
												//日期格式转换（年月日时分秒）
												formatter : 'date',
												formatoptions : {
													srcformat : 'Y/m/d H:i:s',
													newformat : 'Y-m-d H:i:s'
												},
												align : 'center',
												editable : false,
												searchoptions : {
													sopt : [ "eq", "cn" ]
												}
											} ],
											//默认排序字段
											sortname : 'USER_ID',
											sortorder : 'asc',
											viewrecords : true,
											gridview : true,
											autowidth : true,
											rowNum : 20,
											rowList : [ 10, 20, 30 ],
											pager : jQuery('#gridPager'),
											jsonReader : {
												//固化定义
												page : "page.pageNo",
												total : "page.totalPages",
												records : "page.totalCount",
												root : "page.result",
												repeatitems : false,
												//设置主Key
												id : 'USER_ID'
											},
											prmNames : {
												rows : "page.pageSize",
												page : "page.pageNo",
												sort : "page.orderBy",
												order : "page.order"
											},
											pager : "#gridPager",
											caption : "用户列表"
										}).navGrid('#gridPager', {
									edit : true,
									add : true,
									del : true,
									search : true
								}, {
									//edit
									beforeShowForm : function(form) {
									},
									reloadAfterSubmit : true,
									closeAfterEdit : true, //修改完毕后关闭
									afterComplete : opertaionPrompt,
									//提交前进行验证
                                    beforeSubmit : validateSumbit,
                                    onclickSubmit : setAppendParam
								}, {
									//add
									beforeShowForm : function(form) {
									},
									reloadAfterSubmit : true,
									closeAfterAdd : true, //新增完毕后关闭
									afterComplete : opertaionPrompt,
									//提交前进行验证
									beforeSubmit : validateSumbit
								}, {
									//del
									reloadAfterSubmit : true,
									afterComplete : opertaionPrompt
								}, {
									//组合查询
									multipleSearch : true
								}).navButtonAdd('#gridPager',{
									caption: "",
									title:"修改密码",
									buttonicon : "ui-icon-locked",
									onClickButton: function(){
										alert("chgpwd");
									},
									position:"last"
								}).navButtonAdd('#gridPager',{
                                    caption: "",
                                    title:"上传",
                                    buttonicon : "ui-icon-arrowthick-1-n",
                                    onClickButton: function(){
                                        alert("chgpwd");
                                    },
                                    position:"last"
                                }).navButtonAdd('#gridPager',{
                                    caption: "",
                                    title:"下载",
                                    buttonicon : "ui-icon-arrowthick-1-s",
                                    onClickButton: function(){
                                    	//下载文件
                                    	jQuery('<form action="${pageContext.request.contextPath}/list/admin/userList/listexport.html" method=post"></form>')
                                        .appendTo('body').submit().remove();
                                    },
                                    position:"last"
                                });
					    //
					    function setAppendParam(params,postdata){
					    	var add_data = new Object();
					    	add_data["ognl_test"] = "el:currUser.userId";
					    	return add_data;
					    }
						
						//提交前的验证，检验数据，并加入beanName
						function validateSumbit(postdata, formid) {
							return [ true, '' ];
						}

					});

	
</script>